extends ../../layout

block style
  style
    | .light { font-weight: 300; }
    | .regular { font-weight: 400; }
    | .medium { font-weight: 500; }
    | .bold { font-weight: 700; }
    | i { font-style: normal; color: #c33; }
    | b { font-weight: inherit; color: #c33; }
block prevScript

block content
  include ../documentPath.pug
  div.container
    pre.light
      | # Fira Code Light
      | 
      | take = (n, [x, ...xs]:list) -->
      |  | n <= 0     => []
      |  | empty list => []
      |  | otherwise  => [x] ++ take n-1, xs
      |
      | last3 = reverse >> take 3 >> reverse
    br
    pre.regular
      | # Fira Code Regular
      |
      | take = (n, [x, ...xs]:list) -->
      | | n <= 0     => []
      | | empty list => []
      | | otherwise  => [x] ++ take n-1, xs
      |
      | last3 = reverse >> take 3 >> reverse
    br
    pre.medium
      | # Fira Code Medium
      |
      | take = (n, [x, ...xs]:list) -->
      |  | n <= 0     => []
      |  | empty list => []
      |  | otherwise  => [x] ++ take n-1, xs
      |
      | last3 = reverse >> take 3 >> reverse
    br
    pre.bold
      | # Fira Code Bold
      |
      | take = (n, [x, ...xs]:list) -->
      | | n <= 0     => []
      | | empty list => []
      | | otherwise  => [x] ++ take n-1, xs
      |
      | last3 = reverse >> take 3 >> reverse
    br
    
  script(src="/javascripts/webapi/cssFontLoading/index.js")